*{
    margin: 0;
    padding: 0;
}
$height:30px;
$width:200px;
$fontsize:14px;
/*------------------------head-----------------------------*/
body{
    background: #fcfafd;
}

.load_top{
    padding-left: 11px;
    width: 989px;
    margin: 0 auto;
    height: 60px;
    padding-top: 40px;
}
.load_top{
    li{
        float: left;
    }
    .top_l{
        .top_l1{
            width: $width;
            height: $height*2;
            float: left;
            padding-right: 13px;
            border-right: 1px solid #d2d0d3;
        }
        & .top_l1{
            a{
                display: block;
                width: 100%;
                height: 100%;
                background: url(../scss/img/login/load0518.png) no-repeat -80px -106px;
            }
            & .top_l2{
                line-height: $height*2;
                padding: 0 15px;
                color: #626262;
                font-size: 20px;
            }
        } 
    } 
    & .top_r{
        margin-top: 15px;
    }
    & .top_r{
        li{
            width: $width/2;
            height: $height;
            padding-left: 40px;
            line-height:  $height;
            font-size: $fontsize;
            color: #313131;
            background: url(../scss/img/login/load0518.png) no-repeat
        }
        & .top_r1{
            background-position: -389px -59px;
        }
        & .top_r2{
            background-position: -389px -90px;
        }
        & .top_r3{
            background-position: -389px -121px;
        }
    } 
}  
/*-------------------------body----------------------------*/
.load_con{
    width: 1000px;
    margin: 50px auto 60px;
    height: 540px;
}
.load_con{
    .load_con_pic{
        width: 544px;
        height: 500px;
        padding-left: 10px;
    }
} 
.load_con_reg{
    width: 402px;
    background: url(../scss/img/login/load0518.png) no-repeat 6px -56px;
    padding-left: 34px;
}
.load_con_reg{
    .re_back{
        width: 340px;
        height: 470px;
        padding: $height 0 0 $height*2;
        border: 1px solid #d2d0d3;
        background: #fff url(../scss/img/login/load0518.png) no-repeat 0 -469px;
    }
    & .re_back{
        .re_back_link{
            height: $height;
            color: #666;
            text-align: right;
            line-height: $height;
            padding-right: $height*2;
            margin-bottom: 15px;
        }
        & .re_back_link{
            a{
                color: #f51972;
            }
        } 
        & div{
            width: 280px;
            height: 40px;
            position: relative;
            margin-bottom: 24px;
            margin-top: 5px;
        }
        & input{
            width: 248px;
            height: 38px;
            color: #aaa;
            padding: 0 15px;
            font-size: 14px;
            font-family:"songti";
            font-weight: 900;
            border: 1px solid #cfcfd1;
            border-radius: 3px;
            line-height: 38px;
            outline: none;
        }
        & .ver{
            #ver{
                width: 110px;
                float: left;
                border-right: none;
            }
            & em{
                width: 80px;
                height: 38px;
                border: 1px solid #cfcfd1;
                text-align: center;
                line-height: 38px;
                font-size: 22px;
                color: #f51972;
                display: block;
                float: left;
                font-style:italic
            }
            & i{
                display: block;
                float: left;
                width: 48px;
                height: 38px;
                line-height: 19px;
                font-size: 10px;
                margin-left: 8px;
                padding-top: 2px;
                cursor: pointer;
            }
            & i{
                &:hover{
                    color: #f51972;
                }
            }
            & .ok{
                right: 140px;
            }
        } 
        & .ok {
            background: url(../scss/img/login/load1101.png) no-repeat -176px -66px;
            width: 17px;
            height: 17px;
            display: block;
            position: absolute;
            right: $fontsize;
            top: 12px;
            display: none;
        }
        & .wrong{
            color: #f51973;
            padding-right: 20px;
            height: 28px;
            padding-left: 38px;
            width: 120px;
            border: 1px solid #fcb3d1;
            border-radius: 3px;
            line-height: 28px;
            background: #fef1f7 url(../scss/img/login/load0518.png) no-repeat -395px -163px;
            position: absolute;
            left: 0;
            top: -32px;
            z-index: 3;
            display: none;
        }
        & .wrong{
            .sanj{
                position: absolute;
                left: 20px;
                top: 28px;
                background: url(../scss/img/login/load0518.png) no-repeat -35px -168px;
                width: 15px;
                height: 8px;
                display: block;
            }
        }
        &  #choice{
            margin-right: 5px;
            border: 1px solid #cfcfd1;
            display: inline-block;
            vertical-align: middle;
            line-height: 40px;
            margin-top: -2px;
            width: 13px;
            height: 13px;
        }
        & .cell{
            margin-bottom: 0;
        }
        & .TP{
            color: #F51972;
        }
        & #register_btn{           
            border: 0;
            font-size: 15px;
            width: 140px;
            height: 40px;
            text-align: center;
            color: #fff;
            cursor: pointer;
            float: left;
            margin-right: $height*2;
            background: url(../scss/img/login/load0518.png) no-repeat -34px -64px;
        } 
    } 
}
#area{
    width: 130px;
    height: 40px;
    position: absolute;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #f51972;
    top: -5px;
    left: 150px;    
}
/*------------------------------footer-------------------------*/
#footer{
  
    .about_us {
        text-align: center;
        height: 24px;
        line-height: 24px;
    }
    & .about_us{
        a{
            color: #898989;
            margin: 0 10px;
        }
        &{
            a{
                &:hover{
                   color: red; 
                }
            }
        }
    }
    & .copyright {
        text-align: center;
        height: 24px;
        line-height: 24px;
        color: #898989;
    }
     
} 
#footer{
    border: none;
    box-shadow: 0 0 0 0;
}